﻿body 
{
    background-image:url('images/site/Texture0218.jpg');
    font-family: "Trebuchet MS",Arial, Verdana, Sans-Serif;
    font-size:12pt;
}
img{border:0px;}
a {text-decoration:none;color:#444;}
h1{font-size:14pt;font-weight:bold;color:#333;margin:15px 10px 10px 0px;}
h2 {font-size:12pt;color:#444;margin:0px;padding:5px;}
h2.headerBanner {font-size:12pt;color:#444;margin:0px;padding:5px;background:#FCFFF5;}
h2.profileAboutMeHeader{margin:7px 0px 0px 0px;padding:0px;}
h3 {font-size:10pt;color:#444;margin:0px;padding:5px;}
h4 {font-size:10pt;}
.strongLink {font-weight:bold;}
p {padding:15px;margin:0px;}
p.premiumpage{padding:3px;}
p.inline{display:inline-block;}

input, textarea{padding:4px;border: 1px solid #ccc;background:#fff;font-family: "Trebuchet MS",Arial, Verdana, Sans-Serif;}
textarea:focus{padding:4px;border: 1px solid #ccc;background:#FFFFFC;font-family: "Trebuchet MS",Arial, Verdana, Sans-Serif;}
select{padding:4px;border: 1px solid #ccc;background:#fff;}

input[type=submit]
{
padding:3px;
border: 1px solid #ccc;
padding:10px;
min-width:85px;
color:#000;
cursor:pointer;

background: rgb(254,252,234); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,252,234,1) 0%, rgba(239,230,172,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(239,230,172,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(239,230,172,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(239,230,172,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(239,230,172,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(254,252,234,1) 0%,rgba(239,230,172,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#efe6ac',GradientType=0 ); /* IE6-9 */
}

hr{color: #eee;background-color: #ccc;height: 1px;border-style:dotted;width:90%;}
.details{font-size:8pt;}
.smallUserName{font-size:10pt;font-weight:bold;}
.smallDate{font-size:8pt;}
.button
{   
    text-align:center;
    vertical-align:middle;
    height:20px;
    width:130px;
    padding:5px;
    cursor:pointer;
    font-size:10pt;
    font-weight:bold;
 -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 7px 7px 7px 7px;

background: #fefcea; /* Old browsers */
background: -moz-linear-gradient(top, #fefcea 0%, #eddd8e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#eddd8e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fefcea 0%,#eddd8e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fefcea 0%,#eddd8e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fefcea 0%,#eddd8e 100%); /* IE10+ */
background: linear-gradient(to bottom, #fefcea 0%,#eddd8e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#eddd8e',GradientType=0 ); /* IE6-9 */
}

th
{font-size:10pt;}
.pageHeader{font-size:16pt;font-weight:bold;color:#333;margin:10px 10px 10px 0px;}
.pageSubHeader{font-size:12pt;font-weight:bold;color:#555;}
.pageSubSubHeader
{
    font-size:10pt;
    font-weight:bold;
    color:#555;
    margin:5px;
    display:block;
}
.errorText
{
    font-size:10pt;
    color: Red;
}

.centeredContent
{
    margin:0 auto;
    padding:10px;
    width:70%;
    height:auto;
}
.breadcrumbs
{
    font-size:10pt;
    color:#444;
  
}
#logOutWrapper
{
    padding:3px;
    float:right;
    color:#777;
    font-size:10pt;
    font-weight:bold;
}

#mainWrapper
{
    background-color:#fff;
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 0px 0px 20px 20px;
    height:auto;
    padding:20px;
    

}

/*
        Default.aspx
*/

#mainRandomUsersWrapper
{
    height:80px;
    width:90%;
    border-bottom: 0px;
}


.startPageRandomUser
{
    width:180px;
    height:80px;
    border: 0px solid #000;
    float:left;
    margin:5px;
    overflow:hidden;
    padding:7px;
    background: #fefcea; /* Old browsers */
background: -moz-linear-gradient(top, #fefcea 0%, #e5dbbc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#e5dbbc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fefcea 0%,#e5dbbc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fefcea 0%,#e5dbbc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fefcea 0%,#e5dbbc 100%); /* IE10+ */
background: linear-gradient(to bottom, #fefcea 0%,#e5dbbc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#e5dbbc',GradientType=0 ); /* IE6-9 */

}

#friendRequestDiv
{

    position:absolute;
    width:180px;
    height:170px;
    background:#FFFFF5;
    border:1px solid #E5E6DA;
    padding:10px;
    display:none;
}
#pleaseUpgrade
{
    display:none;
}

#mainText
{
    width:400px;
    height:400px;
    float:left;
    margin:10px;
    overflow:hidden;

}
#mainTextLoggedIn
{
    width:80%;
    overflow:hidden;
}
#ImgEniac
{

    float: right;
}
#mainLogin
{
    width:300px;
    height:auto;
    float:left;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 10px;
    float:left;
    margin:10px;
    background: #FFFFFA;
    padding:10px;
     border: 1px solid #ccc;
    box-shadow: inset 0 1px 0 white;
}
#mainSlideshowContainer
{
    height:150px;
    width:100%;
    border:0px solid #000;
    clear:both;
}

#siteContainer
{
    margin: auto;
    width:879px;
    border: 0px solid #ccc;
    padding:10px;
    height:auto;
}
.MenuLoggedIn
{
   
}
.menu
{
    font-family: Arial Verdana Sans-Serif;
    
}

#headContainer
{
    
    height:140px;
    
}

#pageNotificationMessage
{
    width:400px;
    height:25px;
    background: #FFFFF5;
    padding:10px;
    display:none;
    float:left;
    border:1px solid #E3E3D1;
}

#NotificationButtons
{
    width: 140px;
    height:40px;
    float:left;
    margin:0px 0px 20px 50px;
}

.NotificationButton
{
    height:30px;
    width: 30px;    
    margin:2px;
}

.menuWrapper
{
    width: 100%;
    height:50px;
    border: 0px solid #000;
    float:left;
    background-image:url('images/site/menubg.png');
    background-repeat:no-repeat;
}
.menuWrapperNotLoggedIn
{
    width: 100%;
    height:50px;
    border: 0px solid #000;
    float:left;
    background-image:url('images/site/menubg.png');
    background-repeat:no-repeat;
}

#menuBar
{
    float:right;
    margin-right:20px;
    margin-top:10px;
    margin-bottom: 0px;
}
#header
{
    clear:both;
    margin-bottom:7px;
}

#profileTopSection
{
    width:100%;
    clear:both;
}

#profilePictureFrame
{
    height: 180px;
    width: 151px;
    margin:0px 0px 0px 0px;
    float:left;
    border:1px solid #ccc;
    padding:3px;
}
#profileData
{
    width: 330px;
    float:left;
    height: 100px;
    margin-left:15px;
    
}
#profileDataWrapper
{
    height:auto;
    width:100%;
    margin-bottom:50px;
    
}
#friendWrapper
{
    width:140px;
    height:auto;
    overflow:hidden;
    position:relative;
    margin:5px 5px 0px 5px;
    top:-35px;
    background-color:#FAF9EB;
      -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 10px;
    padding:10px;


}
#nerdOMeterContainer
{
    width:170px;
    height:auto;
    border: 0px solid #000;
    float:left;
    margin: 1px 1px 1px 0px;
    background-color:#FAF9EB;
      -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 10px;
    padding:10px;
    position:absolute;
    left:1070px;
    
}
#profileTextContainer
{
    width:80%;
    margin-top:15px;
    
}
#profileInterests
{
    height:auto;
    margin-top:30px;
    width:65%;
    clear:both;
    overflow:auto;
    padding:5px;
    
}
.addFriend
{
    height:25px;
    width: 230px;
    border:1px solid #000;
    overflow:hidden;
    float:left;
}
#addFriendContainer
{
    display:none;
    height:100%;
    width:100%;
}
#profileLinks
{
    width:350px;
    height:40px;
    float:left;
    margin-left:10px;
}
#profileLinks ul
{
    display:inline-block;
    list-style:none;
}

/*
        Friends.aspx
*/
.friendsCatWrapper
{
    clear:both;
}
#friendsListWrapper
{
    width:90%;
    border:0px solid #ccc;
    padding:20px;
    height:auto;
    overflow:hidden;
}

.friendContainer
{
    border:0px solid #ccc;
    width: 230px;
    height:70px;
    padding:10px;
    background: #FAFAFA;
    margin:10px;
    display:block;
    float:left;
   
}

.newFriendContainer
{
    border:0px solid #ccc;
    width: 370px;
    max-width:400px;
    height:80px;
    padding:10px;
    margin-top:10px;
    background: #fefcea; /* Old browsers */
background: #fefcea; /* Old browsers */
background: -moz-linear-gradient(top, #fefcea 0%, #e5dbbc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#e5dbbc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fefcea 0%,#e5dbbc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fefcea 0%,#e5dbbc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fefcea 0%,#e5dbbc 100%); /* IE10+ */
background: linear-gradient(to bottom, #fefcea 0%,#e5dbbc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#e5dbbc',GradientType=0 ); /* IE6-9 */
}
.smallProfileImage
{
    height:40px;
    width:40px;
    float:left;  
}
.mediumProfileImage
{
    height:70px;
    width:70px;
    float:left;
    margin-right:5px;  
}
.newFriendDetails
{
    height:auto;
    width:auto;
    float:left;
    margin-left:10px;
    
}
.panNewFriends
{
    background:#FAFFF2;
    width:400px;
    padding:15px 10px 10px 15px;
    
}
.newFriendConfirmContainer
{
    float:left;
    width:100px;
    height:auto;
    font-size:10pt;
    margin-left:15px;
}
/*
        Messages.aspx
*/
.messagePost
{
    border:1px solid #eee;
    margin:10px;
    background:#FEFFF2;
    width:94%;
    padding:3px;
    height:auto;
    font-size:10pt;
}
.messagePostFromMe
{
    border:1px solid #eee;
    margin:10px;
    background:#F1F2E4;
    width:94%;
    padding:3px;
    height:auto;
    font-size:10pt;
}
#messagesColumnsWrapper
{
    height:800px;
    width:auto;
}
#messagesUpgradeMessage
{
    margin: 0 auto;
    width:350px;
    height:200px;
    background:#F4FFDB;
    padding:5px;
    overflow:hidden;
  
}
.apa
{
    text-align:left;
}
#messagesTop
{
    width:100%;
    height:40px;
    border:0px solid #000;
    margin-bottom:30px;
}
#conversationSendMessage
{
    margin-top:15px;
}
#messagesWrapper
{
    height:500px;
    overflow:auto;
    border: 1px solid #eee;
    width:95%;
    
}
#messagesLeftContainer
{
    width:250px;
    height:100%;
    float:left;
    border: 0px solid #000;
    overflow:auto;
    
    padding:3px;
    
}
#messagesRightContainer
{
    width:67%;
    height:750px;
    float:left;
    border: 0px solid #000;
    margin-left:10px;
    overflow:auto;
    
}
#MessagesNew
{
    border: 0px solid #000;
    width:300px;
    height:30px;
    margin-bottom:10px;
    float:left;
}
.messagesContact
{
    width:95%;
    height:50px;
    margin-bottom:10px;
    border: 1px solid #ccc;
    cursor:pointer;
    padding:4px;
    font-weight:bold;
    color:#555;
}
.messagesContactSelected
{
    width:95%;
    height:50px;
    margin-bottom:10px;
    border: 1px solid #ccc;
    cursor:pointer;
    background-color:#FDFFE8;
    color: #000;
    font-weight:bold;
    padding:4px;
}
.messagesContactImageSmall
{
    height:40px;
    width:40px;
    display:block;
    float:left;
    
    margin:3px;
    
}
.messagesUsernameWrapper
{
    padding-top:15px;
    float:left;
}
.messageContainer
{
    height:40px;
    border:0px solid #000;
    width:100%;
    margin-bottom:5px;
    padding:5px;
}
#newMessageDialog
{
   display:none;
}
.foundUserStatusHidden
{
    display:none;
}
.foundUserStatusVisible
{
    display:inline;
}

/*
        Profile.aspx
*/
.friendStatusWrapper
{
    width:100px;
    height:20px;
    border:0px solid #ccc;
background: #f47f7f; /* Old browsers */
background: -moz-linear-gradient(top, #f47f7f 1%, #ffd8d8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f47f7f), color-stop(100%,#ffd8d8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f47f7f 1%,#ffd8d8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f47f7f 1%,#ffd8d8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f47f7f 1%,#ffd8d8 100%); /* IE10+ */
background: linear-gradient(to bottom, #f47f7f 1%,#ffd8d8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47f7f', endColorstr='#ffd8d8',GradientType=0 ); /* IE6-9 */
padding:7px;
font-weight:bold;
color:#222;
}

#profileMenu
{
  clear:both;
  margin-bottom:10px;
 
  width:377px;
  padding:5px;
  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00000), to(#FFFFFF));
}
#profileMenu a
{
    font-size:12pt;
    font-weight:bold;
    color:#666;
}
#profileWrapper
{
    padding:10px;
    height:auto;
    width:100%;
}
#profileDataWrapper
{
    height:250px;
    width:100%;
    margin:5px 5px 55px 5px;
}
#profileDataInner

{
    width:40%;
    height:auto;
    margin:0px 25px 5px 10px;
    padding:1px;
    overflow:hidden;
    float:left;
}


.profileData
{
    font-size:10pt;    
}


/*
        EditProfile.aspx
*/
#addInterestIcon
{
    margin-left:5px;
    margin-bottom:-3px;
    cursor:pointer;    
}
#uploadPictureContainer
{
    border: 0px solid #000;
    height:160px;
    width:410px;
    margin:15px;
    background: #eee;
    padding-bottom:15px;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 0 white;
}
#EditUserData
{
    border: 0px solid #000;
    margin-left:20px;
    height:auto;
}
#EditProfileText
{
    border: 0px solid #000;
    height:200px;
    width:400px;
    margin-top:15px;
}
#EditProfileBottom
{
    width:500px;
}
#UploadPictureFrame
{
    border:0px solid #000;
    height:120px;
    width:100px;
    float:left;
    margin:10px;
}
#UploadPictureControl
{
    float:left;
    height: 0px;
    padding:5px;
}
#interestsSection
{
    width:400px;
    height:auto;
    overflow:auto;
    background:#eee;
    margin-top:20px;
    padding:10px;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 0 white;
    
}
#interestsContainer
{
    width:auto;
    height:auto;
    margin-top:10px;
}
.interestItem
{
    width:auto;
    height:25px;
    border: 1px solid #ccc;
  box-shadow: inset 0 1px 0 white;
    float:left;
    margin:3px;
    padding:5px;
    background:#F5F0DF;
    
}
.interestCrossIcon
{
    padding-top:4px;
    margin-left:5px;
    cursor: pointer;
}

/*
        Wall.aspx
*/
.tjo
{
    float:left;
    height:100px;
    width:60px;
}
.messagesContactImageSmall2
{
    height:40px;
    width:40px;
    padding-top:5px;
    margin:5px;
    float:left;
}
#wallMessages
{
    width: 80%;
    margin-top:20px;
    
}
.wallPost
{
    border:1px solid #eee;
    margin:10px;
    background:#FEFFF2;
    width:400px;
    padding:5px;
    height:auto;
}
.wallMessage
{
clear:both;
    
}
.wallRemoveIconDiv
{
    width:auto;
    height:auto;
    float:right;
 
    
}
.wallPostHeader
{
    font-size:12pt;
    font-weight:bold;
    color:#555;
    margin:5px 0px 5px 0px;
    float:left;

    

}

/*
        Settings.aspx
*/

#settingsSiteOptions
{
    border:1px solid #eee;
    height:auto;
    width:300px;
    padding:0px;
    background:#F5F5F5;
}
#settingsPremiumContent
{
    border:1px solid #eee;
    height:auto;
    width:450px;
    padding:0px;
    margin-top:20px;
    background:#F5F5F5;
}
#settingsPremiumHistory
{
    border:0px solid #ccc;
    width:300px;
    height:auto;
    margin:10px;
    display:none;
    
}
#settingsGetPremium
{
    border:0px solid #000;
    height:250px;
    display:none;
    width:auto;
    padding:5px;
    margin-top:5px;
}
#tableHistory td
{
    border: 1px solid #ccc;
    
}
.cardSelection
{
    float:left;
    margin:2px;
}

/*
        SearchResult.aspx
*/
.searchResultsContainer
{

    width:90%;
    height:auto;
    overflow:auto;

}
.searchResultItemsContainer
{
   height:100%;
   width:80%;
   
    
}
.searchResultProfile
{
    width:170px;
    height:50px;
    border: 1px solid #ccc;
    float:left;
    margin:5px;
    
}

/*
        Search.aspx
*/
#soulmateWrapper
{
    height:60px;
    width:250px;
    border:0px solid #000;
    margin:20px;
    background:url("images/site/premiumbanner.png") no-repeat #EFFFC4;
    border:2px solid #eee;
   
}
#soulmateInner
{
    padding:18px 5px 5px 70px;
}
#searchMember
{
    width:70%;
    height:230px;
    height:auto;
    margin: 0 auto;
}
#interestsContainer
{
}

.searchInterestItem
{
     width:auto;
    height:25px;
    border: 1px solid #ccc;
  box-shadow: inset 0 1px 0 white;
    float:left;
    margin:3px;
    padding:5px;
    background:#F5F0DF;
    cursor:pointer;
    
}
.interestItemDeselected
{
    
}
.interestItemSelected
{
    background: #F5FFED; 
    border: 1px solid #000;  
}


/*
        PremiumPage.aspx
*/

#klickometerButton
{   cursor:pointer;
    margin: 0 auto;
    display:block;
}

